<template>
	<view class="pinlun">
		<view class="pinlun-box" >
			<h5>热门评论(6)</h5>
			<view class="" v-for="(item,index) in pinglun" >
				<view class="pinlun-box1">
					<img src="../../static/anli/dianxin.jpg" alt="">
					<text>{{item.userName}}</text>
					<p>{{item.pinlun}}</p>
					<view class="pinlun-img">
						<img :src="item.j==true?'../../static/icon/icon20.png':'../../static/icon/icon21.png'" alt="" @click="dianji(index)">
						
					</view>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		
		data() {
			return {
				pinglun:[
					{id:1,userName:"旭旭陈",pinlun:"真是什么人都有阿",j:true},
					{id:2,userName:"星星宗",pinlun:"真是什么人都有阿",j:true},
					{id:3,userName:"鸿鸿建",pinlun:"真是什么人都有阿",j:true},
					{id:4,userName:"罗罗张",pinlun:"真是什么人都有阿",j:true},
					{id:5,userName:"彬彬刘",pinlun:"真是什么人都有阿",j:true},
					{id:6,userName:"加加加",pinlun:"真是什么人都有阿",j:true},
				]
				// imgg:[true,true,true,true]
			}
		},
		mounted() {
			
		},
		methods: {
			dianji(e){
				console.log(e)
				console.log(this.pinglun[e].j);
				this.pinglun[e].j=!this.pinglun[e].j
				// console.log(this.item.j);
			}
		}
		}
</script>

<style>
	.pinlun{
		width: 100%;
		background-color: white;
	}
	.pinlun-box{
		width: 90%;
		
		
		margin: auto;
		margin-top: 20rpx;
	}
	.pinlun-box1{
		width: 90%;
		height: 130rpx;
		
		margin: 20rpx;
		position: relative;
		border-bottom: 1rpx solid #8c8c8c;
	}
	.pinlun-box1 img{
		width: 90rpx;
		height: 90rpx;
		border-radius: 50%;
		
	}
	.pinlun-box1 text{
		font-size: 25rpx;
		position: absolute;
		left: 100rpx;
		top: 25rpx;
		font-weight: bold;
	}
	.pinlun-box1 p{
		font-size: 20rpx;
		position: absolute;
		left:100rpx;
		bottom: 20rpx;
	}
	.pinlun-img img{
		width: 50rpx;
		height: 50rpx;
		position: absolute;
		right: 40rpx;
		bottom: 40rpx;
	}
</style>